<!--
 * @Author: gaojikai gaojikai@fehorizon.com
 * @Date: 2023-09-12 19:08:02
 * @LastEditors: gaojikai gaojikai@fehorizon.com
 * @LastEditTime: 2023-09-14 20:01:13
 * @FilePath: \electronic-file\src\components\datav\RightBottom.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div id="scroll-board">
    <dv-scroll-board :config="config" />
  </div>
</template>

<script>
export default {
  name: "ScrollBoard",
  data() {
    return {
      config: {
        // header: ["时间", "病害信息", "数量", "标段"],
        data: [
          ["2019-07-01 19:25:00", "路面危害-松散", "5", "xxxxxxx"],
          ["2019-07-02 17:25:00", "路面危害-路面油污清理", "13", "xxxxxxx"],
          ["2019-07-03 16:25:00", "交安设施-交通标志牌结构", "6", "xxxxxxx"],
          ["2019-07-04 15:25:00", "路基危害-防尘网", "2", "xxxxxxx"],
          ["2019-07-05 14:25:00", "交安设施-交通标志牌结构", "1", "xxxxxxx"],
          ["2019-07-06 13:25:00", "路面危害-松散", "3", "xxxxxxx"],
          ["2019-07-07 12:25:00", "路基危害-防尘网", "4", "xxxxxxx"],
          ["2019-07-08 11:25:00", "路面危害-路面油污清理", "2", "xxxxxxx"],
          ["2019-07-09 10:25:00", "交安设施-交通标志牌结构", "5", "xxxxxxx"],
          ["2019-07-10 09:25:00", "路基危害-防尘网", "3", "xxxxxxx"],
        ],
        index: true,
        columnWidth: [50],
        align: ["center"],
        rowNum: 5,
        // headerBGC: "#1981f6",
        // headerHeight: 20,
        oddRowBGC: "rgba(0, 44, 81, 0.8)",
        evenRowBGC: "rgba(10, 29, 50, 0.8)",
      },
    };
  },
};
</script>

<style lang="scss" scoped>
#scroll-board {
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  transform: scale3d(0.9, 0.7, 0.86);
  margin-top: -46px;
  // margin: -46px 10px 0 10px;
}
</style>
